* {
    --footer-height: 8vh;
    --pages-size: 4;
}

html body {
    margin: 0 auto;
    padding: 0;
    background-color: rgba(169, 169, 169, 0.57);
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

svg {
    width: 3vh;
    height: 3vh;
}

input[type="radio"] {
    display: none;
}

.main-container {
    width: 100vw;
    height: calc(100vh - var(--footer-height));
    overflow: hidden;
}

.main-page-window {
    position: relative;
    left: 0;
    top: 0;
    width: 400vw;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: 1s;
    overflow: hidden;

}

.page-home, .page-chat, .page-car, .page-user {
    flex-grow: 1;
    width: 100vw;
    height: 100vh;
}


.footer-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: var(--footer-height);
    background-color: #e5eaf0;
    border-top: 1px solid #676666;

}

